<template>
    <div>
        <Settingheader :titletext='settingtitle' :backpage="backpage"></Settingheader>
        <div class="address">
            <ul>
                <li class="name">
                    <span>jean</span>
                    <span>18112341234</span>
                </li>
                <li>
                    <span>邮编</span>
                    <span>12345</span>
                    <div class="yuan"></div>
                </li>
                <li>
                    <span>光明南大街199号</span>
                </li>
            </ul>
        </div>
    </div>
</template>
<script>
import Settingheader from "../../components/settingheader";
export default {
  name:'address',
  data(){
      return {
        settingtitle:'收货地址',
        backpage:'setting'
      }
  },
  components:{
      Settingheader
  }
}
</script>
<style lang="less" scoped>
    @w:75rem;
    .address {
        font-size:28/@w;
        padding: 20/@w 36/@w;
        box-shadow: 0 0 10px 10px #e9e9e9;
        margin-top: 20/@w;
        ul {
            li {
                margin-bottom: 10/@w;
                position: relative;
                span:first-child {
                    margin-right: 20/@w;
                }
                .yuan {
                    position: absolute;
                    width: 30/@w;
                    height: 30/@w;
                    background: #f10;
                    border-radius: 50%;
                    right: 0;
                    top: 0;
                }
            }
            .name {
                margin-bottom: 20/@w;
            }
        }
    }
</style>

